<template>
    <div class="main">
        <el-row class="datarow">
            <el-col class="datacol titlecol" :span="titleSpan">{{ $t('channelTurnDown.editLabel.mainProgram') }}</el-col>
        </el-row>
        <el-row class="datarow bgrow">
            <el-col class="labcol" :span="labelSpan">{{ $t('assetsAudit.assetsNo') + ":"  }}</el-col>
            <el-col class="datacol" :span="dataSpan">{{ datas.assetCode }}</el-col>
            <el-col class="labcol" :span="labelSpan">{{ $t('assetsAudit.assetsName') + ":"  }}</el-col>
            <el-col class="datacol" :span="dataSpan">{{ datas.assetName }}</el-col>
        </el-row>
        <el-row class="datarow">
            <el-col class="labcol" :span="labelSpan">{{ $t('assetsAudit.assetsSource') + ":"  }}</el-col>
            <el-col class="datacol" :span="dataSpan">{{ datas.source }}</el-col>
            <el-col class="labcol" :span="labelSpan">{{ $t('assetsAudit.assetsType') + ":"  }}</el-col>
            <el-col class="datacol" :span="dataSpan">{{ datas.type }}</el-col>
        </el-row>
        <el-row class="datarow bgrow">
            <el-col class="labcol" :span="labelSpan">{{ $t('assetsAudit.assetsProviderInfo') + ":"  }}</el-col>
            <el-col class="datacol" :span="dDataSpan">{{ datas.providerInfo }}</el-col>
        </el-row>
        <el-row class="datarow">
            <el-col class="labcol" :span="labelSpan">{{ $t('assetsAudit.assetsStatus') + ":" }}</el-col>
            <el-col class="datacol" :span="dDataSpan">{{ datas.auditStatus }}</el-col>
        </el-row>
        <el-row class="datarow bgrow">
            <el-col class="labcol" :span="labelSpan">{{ $t('assetsAudit.createTime') + ":"  }}</el-col>
            <el-col class="datacol" :span="dataSpan">{{ datas.createTime }}</el-col>
            <el-col class="labcol" :span="labelSpan">{{ $t('assetsAudit.updateTime') + ":"  }}</el-col>
            <el-col class="datacol" :span="dataSpan">{{ datas.auditTimeLast }}</el-col>
        </el-row>
        <el-row class="datarow">
            <el-col class="labcol" :span="labelSpan">{{ $t('assetsAudit.tag') + ":" }}</el-col>
            <el-col class="datacol" :span="dDataSpan">{{ datas.tag }}</el-col>
        </el-row>
        <el-row class="datarow bgrow">
            <el-col class="labcol" :span="labelSpan">{{ $t('assetsAudit.assetsSort') + ":" }}</el-col>
            <el-col class="datacol" :span="dDataSpan">{{ datas.firstCategory + " | " + datas.secondCategory }}</el-col>
        </el-row>

        <el-row class="datarow">
            <el-col class="datacol titlecol" :span="titleSpan">{{ $t('channelTurnDown.editLabel.emcees') }}</el-col>
        </el-row>
        <el-row class="datarow bgrow">
            <el-col class="labcol" :span="labelSpan">{{ $t('assetsAudit.copyRightTimeS') + ":"  }}</el-col>
            <el-col class="datacol" :span="dataSpan">{{ datas.copyrightBegin }}</el-col>
            <el-col class="labcol" :span="labelSpan">{{ $t('assetsAudit.copyRightTimeE') + ":"  }}</el-col>
            <el-col class="datacol" :span="dataSpan">{{ datas.copyrightEnd }}</el-col>
        </el-row>
        <el-row class="datarow">
            <el-col class="labcol" :span="labelSpan">{{ $t('assetsAudit.copyRightSource') + ":" }}</el-col>
            <el-col class="datacol" :span="dDataSpan">{{ datas.copyRightSource }}</el-col>
        </el-row>
        <el-row class="datarow bgrow">
            <el-col class="labcol" :span="labelSpan">{{ $t('assetsAudit.copyRightRemark') + ":" }}</el-col>
            <el-col class="datacol" :span="dDataSpan">{{ datas.copyRightRemark }}</el-col>
        </el-row>

        <el-row class="datarow">
            <el-col class="datacol titlecol" :span="titleSpan">{{ $t('channelTurnDown.editLabel.audienceFeedback') }}</el-col>
        </el-row>
        <el-row class="datarow bgrow">
            <el-col class="labcol" :span="labelSpan">{{ $t('assetsAudit.cnName') + ":"  }}</el-col>
            <el-col class="datacol" :span="dataSpan">{{ datas.cnName }}</el-col>
            <el-col class="labcol" :span="labelSpan">{{ $t('assetsAudit.firstChar') + ":"  }}</el-col>
            <el-col class="datacol" :span="dataSpan">{{ datas.firstChar }}</el-col>
        </el-row>
        <el-row class="datarow">
            <el-col class="labcol" :span="labelSpan">{{ $t('assetsAudit.year') + ":"  }}</el-col>
            <el-col class="datacol" :span="dataSpan">{{ datas.year }}</el-col>
            <el-col class="labcol" :span="labelSpan">{{ $t('assetsAudit.area') + ":"  }}</el-col>
            <el-col class="datacol" :span="dataSpan">{{ datas.area }}</el-col>
        </el-row>
        <el-row class="datarow bgrow">
            <el-col class="labcol" :span="labelSpan">{{ $t('assetsAudit.language') + ":"  }}</el-col>
            <el-col class="datacol" :span="dataSpan">{{ datas.language }}</el-col>
            <el-col class="labcol" :span="labelSpan">{{ $t('assetsAudit.count') + ":"  }}</el-col>
            <el-col class="datacol" :span="dataSpan">{{ datas.count }}</el-col>
        </el-row>
        <el-row class="datarow">
             <el-col class="labcol" :span="labelSpan">{{ $t('assetsAudit.contentSort') + ":" }}</el-col>
            <el-col class="datacol" :span="dDataSpan">{{ datas.contentSort }}</el-col>
        </el-row>
        <el-row class="datarow bgrow">
            <el-col class="labcol" :span="labelSpan">{{ $t('assetsAudit.director') + ":"  }}</el-col>
            <el-col class="datacol" :span="dataSpan">{{ datas.director }}</el-col>
            <el-col class="labcol" :span="labelSpan">{{ $t('assetsAudit.adaptor') + ":"  }}</el-col>
            <el-col class="datacol" :span="dataSpan">{{ datas.adaptor }}</el-col>
        </el-row>
        <el-row class="datarow">
             <el-col class="labcol" :span="labelSpan">{{ $t('assetsAudit.actor') + ":"  }}</el-col>
            <el-col class="datacol" :span="dDataSpan">{{ datas.actor }}</el-col>
        </el-row>
        <el-row class="datarow bgrow">
            <el-col class="labcol" :span="labelSpan">{{ $t('assetsAudit.emcee') + ":"  }}</el-col>
            <el-col class="datacol" :span="dataSpan">{{ datas.emcee }}</el-col>
            <el-col class="labcol" :span="labelSpan">{{ $t('assetsAudit.guest') + ":"  }}</el-col>
            <el-col class="datacol" :span="dataSpan">{{ datas.guest }}</el-col>
        </el-row>
        <el-row class="datarow">
            <el-col class="labcol" :span="labelSpan">{{ $t('assetsAudit.location') + ":"  }}</el-col>
            <el-col class="datacol" :span="dataSpan">{{ datas.location }}</el-col>
            <el-col class="labcol" :span="labelSpan">{{ $t('assetsAudit.firstChannel') + ":"  }}</el-col>
            <el-col class="datacol" :span="dataSpan">{{ datas.firstChannel }}</el-col>
        </el-row>
        <el-row class="datarow bgrow">
            <el-col class="labcol" :span="labelSpan">{{ $t('assetsAudit.publisher') + ":"  }}</el-col>
            <el-col class="datacol" :span="dataSpan">{{ datas.publisher }}</el-col>
            <el-col class="labcol" :span="labelSpan">{{ $t('assetsAudit.issuer') + ":"  }}</el-col>
            <el-col class="datacol" :span="dataSpan">{{ datas.issuer }}</el-col>
        </el-row>
        <el-row class="datarow">
            <el-col class="labcol" :span="labelSpan">{{ $t('assetsAudit.broadcastStatus') + ":"  }}</el-col>
            <el-col class="datacol" :span="dataSpan">{{ datas.broadcastStatus }}</el-col>
            <el-col class="labcol" :span="labelSpan">{{ $t('assetsAudit.ticketCount') + ":"  }}</el-col>
            <el-col class="datacol" :span="dataSpan">{{ datas.ticketCount }}</el-col>
        </el-row>
        <el-row class="datarow bgrow">
            <el-col class="labcol" :span="labelSpan">海报:</el-col>
            <el-col class="datacol" :span="dDataSpan"><img v-bind:src="'/static/img/'+datas.assetName+'.jpg'" height="100" width="70"></el-col>
        </el-row>
    </div>

        
        
    
 
</template>

<script>

export default {
  
//   name:'AssetsAudit',
  data () {
    
    return {
        titleSpan:24,
        labelSpan:4,
        dataSpan:8,
        isShowInfoForm: false,
        activeName: 'first',
        tableHeight:300,
        // modelName:"media.model.AssetsAudit",
       
        
        // 编辑面板绑定的对象
        // dataForm: {
        //     keyID: 0,
        //     version: 0,
        //     code: "3040",
        //     name: "致命追击",
        //     source: "爱奇艺",
        //     type: "电影(Movie)",
        //     providerInfo:"爱奇艺",
        //     status:"未审核",
        //     createTime:"2018-12-14 16:10",
        //     updateTime:"2018-12-16 17:40",
        //     tag:"最新上线",
        //     // sort:"电影-年代-2015|电影-内容-最新上线|电影-地区-大陆",
        //     firstCategory:"电影",
        //     secondCategory:"年代-2015|电影-内容-最新上线|电影-地区-大陆",
        //     copyRightTimeS:"2018-12-01",
        //     copyRightTimeE:"2019-12-01",
        //     copyRightSource:"",
        //     copyRightRemark:"",
        //     cnName:"",
        //     firstChar:"",
        //     year:"2018",
        //     area:"中国",
        //     language:"中文",
        //     count:"1",
        //     contentSort:"",
        //     director:"导演1",
        //     adaptor:"",
        //     actor:"吴兵、王雪玉、马元",
        //     emcee:"主持1",
        //     guest:"嘉宾3",
        //     location:"杭州西湖",
        //     firstChannel:"湖北卫视",
        //     publisher:"Jack",
        //     issuer:"Smith",
        //     broadcastStatus:"爱奇艺",
        //     ticketCount:"500万",
        //     isEnabled: "Available"
        // },
        
    }
  },
  computed: {
      dDataSpan:function(){
          return 24 - this.labelSpan;
      }
  },
  methods:{

  },
  props:['datas'],
}


</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>

.main{
    height: 100%;
    width: 100%;
    font-size: 14px;
    color: #333333;
    font-family:"Microsoft YaHei";
    
}
.datarow {
    border: 1px solid #eeeeee;
    padding: 0px 0px 0px 0px;
    margin-bottom: 0px;
    &:last-child {
      margin-bottom: 0;
    }
  }

.titlecol{
    font-weight: bold;
}

.labcol {
padding: 3px 3px 3px 5px;
border-radius: 4px;
font-size: 14px;
text-align:right;
border-right: 1px solid #eeeeee;
}

.datacol {
padding: 3px 3px 3px 3px;
border-radius: 0px;
text-align:left;

vertical-align: middle;
border-right: 1px solid #eeeeee;
}

.bgrow{
    background-color: #d4f1ff;
}

</style>
